锘緻charset "utf-8"; /* CSS Document */ .banner { margin-top: 150px; padding: 0; margin-bottom: 0px; } .banner-kg { background: url('../images/a1.jpg') no-repeat center; background-size: cover; } .banner-yx{ background: url('../images/a2.jpg') no-repeat center; background-size: cover; } .banner-enremp { background: url('../images/a3.jpg') no-repeat center; background-size: cover; } .banner .banner-back { height: 30px; width: 30px; padding:3px 4px; background: #004098; bottom: 10px; } .banner .banner-back { font-family: PingFangSC-Light, Microsoft YaHei; font-size: 14px; color: #FFFFFF; letter-spacing: 0; position: absolute; right: 15px; bottom: 15px; z-index: 4; } .banner .container { position: relative; height:300px; margin: 0px auto; padding: 0; } .banner img { display: block; width: 100%; height: 100%; cursor: pointer; /* background: red; */ } .banner .nav { position: absolute; left: 15px; top: 34px; font-size: 16px; color: #FFFFFF; letter-spacing: 0; } .banner .notice { position: absolute; left: 0px; bottom: -40px; z-index: 4; font-family: PingFangSC-Semibold, Microsoft YaHei; font-size: 35px; font-weight:400; color: #FFFFFF; letter-spacing:8px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50); margin: 0; background-color:rgb(51 51 51 / 0.3); padding:40px 80px 50px 80px; } .banner .notice i { font-style: normal; display: inline-block; margin-left: 10px; font-family: PingFangSC-Light, Microsoft YaHei; font-size: 20px; color: #FFFFFF; letter-spacing:0px; } .sub-navbar-collapse { position: absolute; width: 100%; z-index: 9; top: 195px; } .sub-navbar-collapse .nav{ border-left:1px solid #BFBFBF; border-top:1px solid #BFBFBF; } .sub-navbar-collapse .nav>li { background: #E9F1FC; font-family: PingFangSC-Regular, Microsoft YaHei; font-size: 16px; color: #333333; line-height: 35px; text-align:center; width:50%; float:left; } .sub-navbar-collapse .nav>li{ border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; } .sub-navbar-collapse .nav>li>a{ padding:5px 0px; } /*瀛﹂櫌姒傚喌*/ .about-list{ padding:0px; } .about-left{ position:absolute; top:-80px; left:0px; right:0px; background:rgba(248,249,253,0.7); padding:20px 0px 20px 20px; overflow:hidden; } .about-txt{ font-size:32px; font-weight:bold; padding-bottom:50px; } .about-nav { padding:50px 0px; background:rgba(248,249,253,0.7); overflow:hidden; } .about-nav .nav{ float:right; width:60%; } .about-nav .nav li{ text-align:center; background:#DEE2EB; margin-bottom:20px; font-size:21px; } .about-nav .nav li>a{ padding:5px; } .about-nav .nav li.active{ color:#7B1801; } .about-con { background: #Fff; padding-bottom:20px; } .info-con { background: #FFF;padding-bottom: 20px; } .nav-nav{ margin-top:20px; height:40px; line-height:30px; position:relative; overflow:hidden; } .nav-nav .nav-line{ height:21px; border-bottom:2px solid #7B1801; } .nav-nav .nav-txt{ position:absolute; z-index:2; right:0px; bottom:10px; top:10px; padding-left:10px; font-size:16px; background:#FFF; line-height:18px; border-left:2px solid #7B1801; } .nav-con{ padding:20px 10px 20px; background:#fff; line-height:1.6; font-size:15px; } .nav-con img { max-width:90%; margin:10px auto; } .about-nav .form-inline{ padding:20px 0px; text-align:right; } .about-nav .form-control, .about-nav .btn{ border-radius:0px; } .about-nav .form-control:focus, .about-nav .btn:focus, .about-nav .btn-default:focus{ border-radius:0px; } .about-nav .form-control{ font-size:18px; padding:19px 10px; } .about-nav .btn i{ font-size:21px; } /*闄㈢郴鍒楄〃*/ .about-yx{ background:#F4F5F9; padding:40px 0px 20px 0px; text-align:center; } .ui-clr { display: block; zoom: 1; } .ui-clr:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .fi-list{ margin:30px auto; overflow:hidden; } .fi-list li{ width:213px; height:200px; margin:0 auto 43px auto; font-size:20px; text-align:center; border-radius:15px;background-color:#e7e7e7; overflow:hidden; } .jg-1,.jg-2,.jg-3,.jg-4,.jg-5,.jg-6,.jg-7,.jg-8,.jg-9,.jg-10,.jg-11,.jg-12,.jg-13,.jg-14,.jg-15,.jg-16,.jg-17,.jg-18,.jg-19{ display:block; width:100%; height:115px; margin:14px 0 16px 0; background:url(../images/jg-icon.png) no-repeat; } .fi-list li:hover{ background-color:#00AEF0; color:#fff;} .fi-list li:hover a{ color:#fff;} .fi-list li:hover .jg-1{ background-position:-216px 0;} .fi-list li:hover .jg-2{ background-position:-216px -2256px;} .fi-list li:hover .jg-3{ background-position:-216px -126px;} .fi-list li:hover .jg-4{ background-position:-216px -242px;} .fi-list li:hover .jg-5{ background-position:-216px -372px;} .fi-list li:hover .jg-6{ background-position:-216px -500px;} .fi-list li:hover .jg-7{ background-position:-216px -623px;} .fi-list li:hover .jg-8{ background-position:-216px -756px;} .fi-list li:hover .jg-9{ background-position:-216px -2381px;} .fi-list li:hover .jg-10{ background-position:-216px -2110px;} .fi-list li:hover .jg-11{ background-position:-216px -1860px;} .fi-list li:hover .jg-12{ background-position:-216px -881px;} .fi-list li:hover .jg-13{ background-position:-216px -1003px;} .fi-list li:hover .jg-14{ background-position:-216px -1489px;} .fi-list li:hover .jg-15{ background-position:-216px -1246px;} .fi-list li:hover .jg-16{ background-position:-216px -1129px;} .fi-list li:hover .jg-17{ background-position:-216px -1355px;} .fi-list li:hover .jg-18{ background-position:-216px -1742px;} .fi-list li:hover .jg-19{ background-position:-216px -2512px;} .jg-1{ background-position:42px 0;} .jg-2{ background-position:36px -2256px;} .jg-3{ background-position:40px -126px;} .jg-4{ background-position:41px -242px;} .jg-5{ background-position:38px -372px;} .jg-6{ background-position:35px -500px;} .jg-7{ background-position:37px -623px;} .jg-8{ background-position:40px -756px;} .jg-9{ background-position:36px -2381px;} .jg-10{ background-position:33px -2110px;} .jg-11{ background-position:36px -1860px;} .jg-12{ background-position:49px -881px;} .jg-13{ background-position:51px -1003px;} .jg-14{ background-position:31px -1489px;} .jg-15{ background-position:27px -1246px;} .jg-16{ background-position:41px -1129px;} .jg-17{ background-position:42px -1355px;} .jg-18{ background-position:31px -1742px;} .jg-19{ background-position:36px -2512px;} .yx-1,.yx-2,.yx-3,.yx-4,.yx-5,.yx-6,.yx-7,.yx-8,.yx-9,.yx-10,.yx-11,.yx-12,.yx-13,.yx-14,.yx-15,.yx-16,.yx-17{ display:block; width:100%; height:119px; margin:17px 0 10px 10px; background:url(../images/yx-icon3.png) no-repeat center; } .fi-list li:hover .yx-1{ background-position:-224px 0;} .fi-list li:hover .yx-2{ background-position:-220px -124px;} .fi-list li:hover .yx-3{ background-position:-222px -249px;} .fi-list li:hover .yx-4{ background-position:-217px -368px;} .fi-list li:hover .yx-5{ background-position:-226px -481px;} .fi-list li:hover .yx-6{ background-position:-205px -610px;} .fi-list li:hover .yx-7{ background-position:-224px -735px;} .fi-list li:hover .yx-8{ background-position:-218px -1745px;} .fi-list li:hover .yx-9{ background-position:-218px -1484px;} .fi-list li:hover .yx-10{ background-position:-218px -1107px;} .fi-list li:hover .yx-11{ background-position:-218px -1233px;} .fi-list li:hover .yx-13{ background-position:-218px -1356px;} .fi-list li:hover .yx-14{ background-position:-218px -1608px;} .fi-list li:hover .yx-15{ background-position:-218px -2024px;} .fi-list li:hover .yx-16{ background-position:-218px -1891px;} .fi-list li:hover .yx-17{ background-position:-218px -862px;} .fi-list li:hover .yx-12{ background-position:-200px -2170px;} .yx-1{ background-position:40px 0;} .yx-2{ background-position:36px -124px;} .yx-3{ background-position:38px -249px;} .yx-4{ height:112px; margin-bottom:17px; background-position:33px -368px;} .yx-5{ background-position:58px -481px;} .yx-6{ background-position:45px -610px;} .yx-7{ background-position:40px -735px;} .yx-8{ background-position:29px -1745px;} .yx-9{ background-position:39px -1484px;} .yx-10{ background-position:37px -1107px;} .yx-11{ background-position:36px -1233px;} .yx-12{ background-position:42px -2170px;} .yx-13{ background-position:29px -1356px;} .yx-14{ background-position:29px -1608px;} .yx-15{ background-position:37px -2024px;} .yx-16{ background-position:37px -1891px;} .yx-17{ background-position:42px -862px;} /*缁勭粐鏈烘瀯*/ .items{ margin:50px 30px 20px 30px; } .items .items-title i{ font-size:15px; margin-right:10px; } .items .items-title{ line-height: 1.5;padding-bottom: 10px;border-bottom: 1px solid #cccccc; margin-bottom: 30px;margin-top: 25px; font-size: 22px; font-weight:bold; } .items ul { margin: 0;padding: 0; } .items ul li{ float: left;width: 31%;margin-right: 3.5%;margin-bottom: 1%;line-height: 50px; padding-left: 2rem;background-color: #eeeeee;list-style: none;font-size: 16px; } .items ul a:nth-child(3n) li{ margin-right: 0; } .items ul li:hover{ background-color: #578DED; color: white; } @media screen and (max-width: 991px) { .items ul a:nth-child(18) li, .items ul a:nth-child(21) li{ margin-right: 3.5%; } .items ul a:nth-child(20) li { margin-right: 0%; } } @media screen and (max-width: 767px) { .items ul li{ width: 48%; margin-right: 4%;margin-bottom: 1%;line-height: 36px;padding-left: 1rem; font-size: 14px; } .items ul a:nth-child(3n) li{ margin-right: 4%; } .items ul a:nth-child(2n) li{ margin-right: 0; } } /*鎷涚敓灏变笟*/ .fi-list { padding: 10px 0 40px 45px; } .ui-clr { display: block; zoom: 1; } .ui-clr:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .ui-left { float: left; } .ui-right { float: right; } .zsjy-box { padding: 35px 0 0px 0; } .zs-box, .jy-box, .cx-box { position: relative; margin: 0 auto 20px auto; } .zsjy-box .bg { position: absolute; top: 0; left: 0;width: 100%;height: 47px;opacity: 0.8;filter:alpha(opacity=80); z-index: 100; padding:0px; } .zsjy-box .top { position: absolute; top: 0; left: 0; width: 100%; } .zsjy-box img { max-width: 100%; } .zsjy-box a { display: block; height: 60px;line-height: 60px;text-align: center;font-size: 25px;background-color: #eaeaea; } .zsjy-box h2 { position: relative;padding-left: 13px;height: 47px; line-height:47px; font-size: 20px;color: #fff;z-index: 200;text-align: left; margin:0px; } .zsjy-box h2 i { position: absolute; top: 13px;right: 13px;width: 26px;height: 25px; background: url(../images/cc.png) no-repeat; } .zs-box .bg { background-color: #4ea5e4; } .jy-box .bg { background-color: #9ebd27; } .cx-box .bg { background-color: #F60; } @media (min-width: 990px) { .fi-list { width: auto;margin-right: -85px; } .zs-box, .jy-box, .cx-box { float: left;width: 310px;margin: 0 10px 0 10px; } } @media (min-width: 480px) { .fi-list { margin-right: -30px; } .zs-box, .jy-box, .cx-box { width: 417px; } } /*鏂伴椈涓績*/ .nav-con .media{ padding:20px; background:#F4F5F9; margin-bottom:2px; } .nav-con .media .media-left{ width:40%; background:#fff; } .nav-con .media .media-left img{ width:100%; } .nav-con .media .media-body{ padding:10px 10px 10px 20px; } .nav-con .media .media-heading{ padding:0px 0px 10px 0px; } .nav-con .media p.media-heading{ padding:10px 0px 0px 0px; } .nav-con .list-group{ border:0px; } .nav-con .list-group .list-group-item { border-radius: 0px; overflow:hidden; padding: 15px 15px; } .nav-con .list-group .list-group-item{ border-left:0px; border-right:0px; font-size:18px; } .nav-con .list-group .list-group-item:first-child { /*border-top:0px;*/ } .nav-con .list-group .list-group-item i{ font-size:15px; } .nav-con .list-group .list-group-item .a-time{ margin-right:25px; margin-left:15px; } .nav-con .list-group .list-group-item .a-list{ float:right; margin-left:20px; padding-left:30px; color:#324FD7; font-size:15px; } .nav-con .list-group .list-group-item .a-list i{ margin-right:10px; font-size:13px; } .nav-title{ text-align:center; font-size:28px; padding:10px 0px; } .nav-time{ font-size:13px; color:#999; text-align:center; } .con-media{ margin:10px 20px; } .np-text { margin-bottom: 20px;padding-top: 20px;line-height: 25px;font-size: 16px; border-top:2px solid #7B1801; } .np-text a:hover { color: #00AEF0; } /*鏃堕棿杞?/ .history { background:url(../images/line04.gif) repeat-y 7px 0; overflow:hidden; position:relative; } .history ul{ padding:0px; margin:0px; } .history li{ list-style-type:none; } .history-date { overflow:hidden; position:relative; } .history-date ul li { background:url(../images/icon07.gif) no-repeat 0px 0; padding-bottom:20px; zoom:1; } .history-date ul li.last { padding-bottom:0; } .history-date ul li:after { content:" "; display:block; height:0; clear:both; visibility:hidden; } .history-date ul li h3 { display:block; width:58px; text-align:left; margin-top:0px; padding-left:19px; color:#c1c1c1; font:normal 18px/16px Arial; } .history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px; } .history-date ul li dl { display:block; padding-left:30px; margin-top:-5px; font-family:寰蒋闆呴粦; } .history-date ul li dl a { font:16px/18px 寰蒋闆呴粦; color:#555; } /*鏍″洯椋庡厜*/ #out-slider{ margin:60px 30px;padding:10px;border:1px solid #444;box-shadow:0 0 3px #a0a0a0;overflow:hidden; } #out-slider .border{ padding:10px;border:1px solid #999; } .out-bd{ position:relative;overflow:hidden;border:1px solid #222; } .out-bd ul{ padding:0px; } .out-bd li{ position:relative; list-style:none;padding:0px; } .out-bd li .text-bg, .out-bd li span{ position:absolute;top:0;left:0;width:100%;height:35px;line-height:35px;padding-left:8px;font-size:18px;color:#b5ff00;z-index:50; } .out-bd li .text-bg{ background-color:#000;opacity:0.7;filter:alpha(opacity=70);z-index:40; } .out-bd img{ width:100%; } .out-hd{ margin:10px auto 0 auto;} .out-hd li{ position:relative;float:left;padding-top:8px;margin-right:5px;cursor:pointer; } .out-hd li img{border:1px solid #000; width:125px; height:83px;} .out-hd li i{ display:none;position:absolute;width:0;height:0;top:-8px;left:50%;margin-left:-8px; border:8px solid transparent;border-bottom-color:#000; } .out-hd .on i{ display:block;} .out-hd button{ visibility:hidden;position:absolute; top:50%;margin-top:-14px;width:0;height:0;padding:0;background-color:transparent; border:14px solid transparent;outline:none;text-indent:-9999px; } .out-hd .slick-prev{ left:-12px; border-right-color:#000;} .out-hd .slick-next{ right:-12px; border-left-color:#000;} /*鍒嗛〉*/ .pager {width:auto;border:1px #1852FE solid; background-color:#1852FE;float:right; margin:10px; height:25px;font-size:16px; font-weight:bold;} .pager td { background-color:#FFFFFF; line-height:normal;padding:6px;border:1px #1852FE solid; } .pager td.pagerTitle{clear:both;background-color:#527eff;color:#FFFFFF; } .pager td.current { color: #004098; } .pager a {font-size:16px;color:#333; font-weight:bold; text-decoration:none;} .pager a:hover {font-size:16px;color:#ff3300; font-weight:bold;text-decoration:underline;} /**/ .about-serve{ background:#FFF; padding:50px 10px 20px 10px; text-align:center; } .about-ssfc{ background:#FFF; padding:50px 10px 20px 10px; text-align:center; } .list-container { margin-bottom: 50px; } .sub-cont-nav { display: block; font-size: 14px; color: #999999; letter-spacing: 0; margin-bottom: 10px; } .fengcai { padding:30px 10px; } .fengcai-title { font-size: 24px; color: #333333; letter-spacing: 0;margin: 0; padding: 0; margin-bottom: 30px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; line-height: 1.5; position: relative; } .boundary { display: inline-block; position: relative; } .jx:nth-child(3n+1) { clear: left; } .jx:nth-child(3n-2) { padding-right: 20px; } .jx { padding: 0px; margin-bottom: 30px; } .jx { padding: 0px; margin-bottom: 30px; } .jx .img{ height: 0;padding-bottom: 56%;overflow: hidden; position: relative; } .jx .img img{ position: absolute;left: 0;top: 0; width: 100%; height: 100%; object-fit: cover; } .jx .img img:hover{ transform: scale(1.02, 1.02); transition: all .3s ease-in; } .jx:nth-child(3n-2){ padding-right: 20px; } .jx:nth-child(3n-1){ padding-left: 10px;padding-right: 10px; } .jx:nth-child(3n){ padding-left: 20px; } .jx_desc ul{ list-style: none; padding: 0; height: 116px; } .jx_desc ul li{ float: left; _display: inline; line-height: 18px; font-size: 14px; width: 50%; margin: 0; list-style: none; } .jx_desc ul li a{ display: block; border-bottom: 1px solid #ddd; padding: 10px 0; margin: 0 10px; } .jx_desc ul li a:hover{ color: #004098; } .jx:nth-child(3n+1){ clear: left; } .jx .jx_desc{ padding: 20px 30px; background: #E9F1FC; } .jx .title{ font-size: 20px;color: #333333; letter-spacing: 0;text-align: center; margin: 20px 0; } .jx .title:hover{ color: #004098; } .jx .abs{ margin-bottom: 20px;font-size: 14px;color: #666666;letter-spacing: 0;line-height: 24px;height: 48px; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } @media(max-width: 1200px){ .jx:nth-child(2n-1){ padding-right: 20px; padding-left: 0px; } .jx:nth-child(2n){ padding-left: 20px; padding-right: 0px; clear: none; } } @media (min-width: 1200px){ .list-container { max-width: 1160px; } } @media (max-width: 1440px){ .list-container { padding-left: 15px; } } @media screen and (min-width: 1201px){ } @media(min-width:480px){ .fi-list{ margin-right:-30px;} .fi-list li{ float:left; margin-left:4.6%; } } @media(min-width:990px){ .fi-list{ width:auto; margin-right:-85px;} .fi-list li{ margin-left:auto; margin-right:85px} .out-hd{ width:787px; } #out-slider .border{ height:717px; } .out-bd{ height:578px; } .out-bd img{ height:578px; } .out-hd button{ visibility:visible;} .out-hd .slick-prev{ left:-32px; } .out-hd .slick-next{ right:-32px;} } @media (min-width: 1200px) { .banner .notice{ left:15px; } .fi-list{ margin-right:-61px;} .fi-list li{margin-right:61px;} } @media(max-width:1200px){ .banner{ } .banner .nav,.banner .notice{ left:30px; } .banner .notice{ font-size: 20px; bottom: 15px; left: 15px; } } @media (max-width: 1023px) { .collapse.in { display: block !important; } /*.nav li { background: rgba(0, 0, 0, 0.90); } .nav li { width: 50%; float: left; background: #fff; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .nav li.active { background: #FFFFFF; }*/ } @media (max-width: 1024px){ .banner{ margin-top: 48px; } } @media(max-width: 991px) { .banner, .banner .container{ height: 194px; } } @media (max-width: 767px){ .jx{ width: 50%; } .jx:nth-child(2n+1) { padding: 0px; padding-right: 10px; } .jx:nth-child(2n){ padding: 0px; padding-left: 10px; } .xy .abs{ padding: 10px 20px; } .banner{ } .banner .container{ } .banner .notice i{ font-size: 14px; } .banner{ margin-top:48px; } } @media (max-width: 560px){ .jx{ padding:0!important; } .jx{ width: 100%; } } @media (min-width: 480px) and (max-width: 617px){ .xy .abs p{ display: none; } } @media (max-width: 480px){ .xy .img{ width: 100%; padding-bottom: 72%; } .xy .abs{ position: static; width: 100%; height: auto; padding: 10px 10px 30px 10px; } }